#Page8_BaseplateView {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.toastWrap {
  position: absolute;
  z-index: 1500;
  top: 45%;
  width: 100%;
  text-align: center;
}
.toastWrap .toastTitle {
  height: 50px;
  text-align: center;
  background: #000;
  line-height: 50px;
  border-radius: 8px;
  opacity: 0.7;
  font-size: 16px;
  color: #fff;
  padding: 15px;
}

#ExperiencePage .list-item {
  width: 100%;
  height: 75px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 5px;
}
#ExperiencePage .item-icon {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  float: left;
  margin-left: 3%;
  margin-top: 3%;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  line-height: 18px;
}
#ExperiencePage .icon-word {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
}
#ExperiencePage .item-list {
  width: 70%;
  height: 65px;
  float: left;
  margin-left: 5%;
  padding-top: 5px;
}
#ExperiencePage .item-ti {
  width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  float: left;
}
#ExperiencePage .item-v {
  font-size: 10px;
}
#ExperiencePage .item-count {
  width: 35%;
  font-size: 10px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 5%;
}
#ExperiencePage .item-tag-count {
  float: left;
  font-size: 14px;
}
#ExperiencePage .item-count-subtitle {
  float: right;
}
#ExperiencePage .item-tag-count {
  width: 100%;
  padding-top: 15px;
}
#ExperiencePage .item-titletag {
  float: left;
}
#ExperiencePage .empty {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
#ExperiencePage .empty > .ico-empty:before {
  font-size: 70px;
}

#FieldButtonList {
  overflow: hidden;
}
#FieldButtonList .icon-left-nav:before {
  color: #b9bdc1;
}
#FieldButtonList .bar-nav .title {
  background: #ebedf1;
}
#FieldButtonList .bar .icon {
  position: relative;
  z-index: 20;
  padding-top: 14px;
  padding-bottom: 10px;
  color: #fff;
  vertical-align: middle;
  font-size: 16px;
  height: 100%;
  width: 32px;
}
#FieldButtonList .bar .btn-link {
  color: #29d9ff;
}
#FieldButtonList .title {
  color: #363b48;
}
#FieldButtonList .ListViewRow:nth-child(1):before {
  border-bottom: none;
}
#FieldButtonList .ListViewRow:last-child:after {
  content: "";
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #eee;
}
#FieldButtonList .ListViewRow:before {
  width: 100%;
}
#FieldButtonList .wrap {
  padding-left: 12.5px;
  padding-right: 35px;
  padding-top: 13.5px;
  padding-bottom: 13.5px;
  display: table;
  width: 100%;
}
#FieldButtonList .wrap div {
  display: table-cell;
  font-size: 16px;
}
#FieldButtonList .wrap div:nth-child(1) {
  text-align: left;
}
#FieldButtonList .wrap div:nth-child(2) {
  color: #b9bdc1;
  font-size: 16px;
  text-align: right;
}
#FieldButtonList .wrap div:nth-child(2) span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  float: right;
}
#FieldButtonList .parent:after {
  color: #b9bdc1;
  content: '\e818';
  position: absolute;
  font-size: 16px;
  right: 12px;
}
#FieldButtonList .nocheck-icon:after {
  border: 2px solid #eee;
  border-radius: 4px;
  color: #00cf55;
  position: absolute;
  width: 22px;
  height: 22px;
  right: 15px;
  content: "";
  top: 12px;
}
#FieldButtonList .leftanimation {
  -webkit-transition: all .5s ease;
          transition: all .5s ease;
  -webkit-transform: translate3d(-100%, 0px, 0px);
          transform: translate3d(-100%, 0px, 0px);
}
#FieldButtonList .rightanimation {
  -webkit-transition: all .5s ease;
          transition: all .5s ease;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
#Page6_ListView2 {
  position: absolute;
  width: 100%;
  top: 44px;
  left: 100%;
  bottom: 0;
  overflow-y: scroll;
}
#FieldButton {
  position: relative;
  top: -136px;
}
#FieldButton > a > div {
  background-color: transparent;
  color: transparent;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  width: 100%;
  height: 70px;
}

#GooeyView {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 40px;
  right: 10px;
}
.gooeySVG {
  left: 0;
  bottom: 0;
  width: 50px;
  height: 300px;
}
.GooeyView .navimenu {
  position: absolute;
  min-width: 40px;
  bottom: 0;
  margin: auto auto auto 0px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  outline: transparent solid 5px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.GooeyView .navimenu .gooey-menu-item,
.GooeyView .navimenu .open-button {
  border-radius: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  text-align: center;
  font-size: .6em;
  transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: transform ease-out 200ms;
  -ms-transition: transform ease-out 200ms;
  -o-transition: transform ease-out 200ms;
  -moz-transition: transform ease-out 200ms;
  -webkit-transition: -webkit-transform ease-out 200ms;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  outline: transparent solid 5px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.GooeyView .navimenu .gooey-menu-item span {
  margin-top: 5px;
  margin-left: 2px;
  display: block;
  letter-spacing: 3px;
  line-height: 15px;
}
.GooeyView .navimenu .menu-open {
  display: none;
}
.GooeyView .navimenu .burger {
  background: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.5px;
  transition: transform 200ms;
  -ms-transition: transform 200ms;
  -moz-transition: transform 200ms;
  -webkit-transition: -webkit-transform 200ms;
  -o-transition: transform 200ms;
}
.GooeyView .navimenu .burger-1 {
  transform: translate3d(0, -8px, 0);
  -moz-transform: translate3d(0, -8px, 0);
  -o-transform: translate3d(0, -8px, 0);
  -webkit-transform: translate3d(0, -8px, 0);
  -ms-transform: translate3d(0, -8px, 0);
}
.GooeyView .navimenu .burger-2 {
  transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.GooeyView .navimenu .burger-3 {
  transform: translate3d(0, 8px, 0);
  -ms-transform: translate3d(0, 8px, 0);
  -moz-transform: translate3d(0, 8px, 0);
  -o-transform: translate3d(0, 8px, 0);
  -webkit-transform: translate3d(0, 8px, 0);
}
.GooeyView .navimenu .menu-open:checked + .open-button .burger-1 {
  transform: translate3d(0, 0, 0) rotate(45deg);
  -ms-transform: translate3d(0, 0, 0) rotate(45deg);
  -moz-transform: translate3d(0, 0, 0) rotate(45deg);
  -o-transform: translate3d(0, 0, 0) rotate(45deg);
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
}
.GooeyView .navimenu .menu-open:checked + .open-button .burger-2 {
  transform: translate3d(0, 0, 0) scale(0.1, 1);
  -ms-transform: translate3d(0, 0, 0) scale(0.1, 1);
  -moz-transform: translate3d(0, 0, 0) scale(0.1, 1);
  -o-transform: translate3d(0, 0, 0) scale(0.1, 1);
  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.GooeyView .navimenu .menu-open:checked + .open-button .burger-3 {
  transform: translate3d(0, 0, 0) rotate(-45deg);
  -ms-transform: translate3d(0, 0, 0) rotate(-45deg);
  -moz-transform: translate3d(0, 0, 0) rotate(-45deg);
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
  -o-transform: translate3d(0, 0, 0) rotate(-45deg);
}
.GooeyView .navimenu .gooey-menu-item:hover {
  background-color: #4682b4;
  color: #00bcd4;
}
.GooeyView .navimenu .gooey-menu-item {
  transition-duration: 180ms;
  -moz-transition-duration: 180ms;
  -webkit-transition-duration: 180ms;
  -o-transition-duration: 180ms;
}
.GooeyView .navimenu .open-button {
  z-index: 2;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: 400ms;
  -ms-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
  transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  -ms-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  -o-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  -moz-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  cursor: pointer;
}
.GooeyView .navimenu .open-button:hover {
  transform: scale(1.2, 1.2) translate3d(0, 0, 0);
  -ms-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
  -moz-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
  -o-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}
.GooeyView .navimenu .menu-open:checked + .open-button {
  transition: 200ms linear;
  -ms-transition: 200ms linear;
  -webkit-transition: 200ms linear;
  -moz-transition: 200ms linear;
  -o-transition: 200ms linear;
  transform: scale(0.9, 0.9) translate3d(0, 0, 0);
  -ms-transform: scale(0.9, 0.9) translate3d(0, 0, 0);
  -o-transform: scale(0.9, 0.9) translate3d(0, 0, 0);
  -webkit-transform: scale(0.9, 0.9) translate3d(0, 0, 0);
  -moz-transform: scale(0.9, 0.9) translate3d(0, 0, 0);
}

.SlidePageView {
  position: fixed !important;
}
#q48JG4RVQPageView_SplitContainerView1_LinkView1 {
  height: 50px;
  line-height: 50px;
}
#q48JG4RVQPageView_SplitContainerView1_LinkView1 a div {
  text-align: center !important;
}
#q48JG4RVQPageView_SplitContainerView1_SearchView1 {
  height: 50px;
  line-height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
}
#q48JG4RVQPageView_SplitContainerView1_SearchView1 .Search-box {
  height: 30px !important;
  line-height: 30px !important;
}
#q48JG4RVQPageView_SplitContainerView1_SearchView1 .Search-box .Search-icon {
  border-left: 0 none;
  line-height: 30px !important;
  height: 30px !important;
}
#q48JG4RVQPageView_SplitContainerView1_SearchView1 input[type='search'] {
  border-radius: 10px;
  font-size: 14px;
  color: '#d1d4db' !important;
  line-height: 30px !important;
  height: 30px !important;
}
#q48JG4RVQPageView_SplitContainerView1_SearchView1 .Search-box {
  border: 0 !important;
}
#q48JG4RVQPageView .col-layout-wraper > .col-layout-cell {
  left: 0;
}
#q48JG4RVQPageView .cate-wrapper {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0px;
  overflow: hidden;
}
#q48JG4RVQPageView .cate-left {
  width: 100px;
  height: 90px;
  position: relative;
  float: left;
  background-color: #ebedf1;
  height: 100%;
  z-index: 1;
  overflow-y: scroll;
}
#q48JG4RVQPageView .cate-right {
  position: relative;
  width: 100%;
  padding-left: 100px;
  height: 100%;
}
#q48JG4RVQPageView .cate-right .cate-right-ul {
  position: relative;
  height: 45px;
}
#q48JG4RVQPageView .cate-group-empty {
  position: relative;
  height: 90px;
}
#q48JG4RVQPageView ul {
  list-style: none;
}
#q48JG4RVQPageView ul,
#q48JG4RVQPageView li {
  padding: 0;
  margin: 0;
}
#q48JG4RVQPageView .cate-left-li-cur {
  background-color: #fff !important;
  border-right: 1px solid #fff !important;
  border-left: 4px solid #29d9ff !important;
}
#q48JG4RVQPageView .cate-left ul li {
  height: 45px;
  line-height: 45px;
  color: #363b48;
  font-size: 15px;
  border-right: 1px solid #e0e0e0;
  background: #ebedf1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#q48JG4RVQPageView .cate-right .cate-right-li {
  float: left;
  position: relative;
  height: 45px;
  line-height: 45px;
  color: #363b48;
  font-size: 15px;
  background: #fff;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50%;
  border-bottom: 1px solid #e0e0e0 !important;
}
#q48JG4RVQPageView .cate-right .cate-right-li::after {
  position: absolute;
  content: " ";
  height: 20px;
  width: 0;
  bottom: 0;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-right: 1px solid #e0e0e0 !important;
}
#q48JG4RVQPageView .cate-right .cate-right-li:last-child::after {
  border-right: 0 none !important;
}
#q48JG4RVQPageView .cate-right-li-cur {
  background-color: #fff !important;
  color: #29d9ff !important;
}
#q48JG4RVQPageView .cate-right-li-cur::before {
  position: absolute;
  content: " ";
  width: 100px;
  height: 0;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom: 3px solid #29d9ff !important;
}
#q48JG4RVQPageView .bottom-list-area {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding-bottom: 70px;
}
#q48JG4RVQPageView .list-item {
  padding-top: 12px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 12px;
}
#q48JG4RVQPageView .list-item::after {
  position: absolute;
  content: "";
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(1, 0.5);
      -ms-transform: scale(1, 0.5);
          transform: scale(1, 0.5);
  height: 1px;
  margin-top: 12px;
  background-color: #ddd;
  left: 15px;
  right: 15px;
}
#q48JG4RVQPageView .list-item:last-child::after {
  height: 0px;
}
#q48JG4RVQPageView .item-icon {
  border-radius: 8px;
  background-color: green;
  float: left;
  width: 40px;
  height: 40px;
  line-height: 45px;
  vertical-align: middle;
  text-align: center;
  margin-right: 12px;
}
#q48JG4RVQPageView .item-right {
  position: relative;
  top: -5px;
}
#q48JG4RVQPageView .item-icon span {
  color: #fff;
  font-size: 19px;
}
#q48JG4RVQPageView .itme-tag-count {
  font-size: 13px;
  color: #acb0bb;
  position: relative;
  line-height: 13px;
}
#q48JG4RVQPageView .item-title {
  font-size: 14px;
  color: #363b48;
}
#q48JG4RVQPageView .item-title span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: initial;
  overflow: hidden;
}
#q48JG4RVQPageView .item-count {
  position: absolute;
  display: inline-block;
  right: 30px;
  font-size: 13px;
  color: #fdc42b;
}
#q48JG4RVQPageView .item-count-subtitle {
  position: absolute;
  display: inline-block;
  right: 0;
  color: #363b48;
  font-size: 13px;
}
#q48JG4RVQPageView .item-titletag {
  border-radius: 6px;
  border: 1px solid green;
  color: green;
  font-size: 11px;
  padding: 2px;
}
#q48JG4RVQPageView .list-item-footer {
  font-size: 14px;
  color: #656a76;
}
#q48JG4RVQPageView .list-item-footer span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: initial;
  overflow: hidden;
}
#q48JG4RVQPageView .empty {
  width: 100%;
  padding-top: 70px;
}
#q48JG4RVQPageView .empty span {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 70px;
  color: #ccc;
}
#q48JG4RVQPageView .empty div {
  padding-top: 20px;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #ccc;
}

#Info {
  width: 100%;
  position: fixed;
}
#Info_BaseplateView {
  width: 100%;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 20px;
}
#InfoView {
  width: 100%;
}
#InfoView .info-content > .info-text {
  height: 55px;
  padding: 10px 10px;
  margin-top: 5px;
  border-bottom: 2px solid #f3f3f3;
}
#InfoView .info-content > .info-text > .disc {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fa5b5b;
  float: left;
  margin: 10px 5px 0 0;
}
#InfoView .info-content > .info-text > .info-title {
  font-size: 14px;
  margin-top: 5px;
  display: block;
  float: left;
  margin-right: 10px;
}
#InfoView .info-content > .info-text > .Information {
  width: 65%;
  display: block;
  float: left;
  border: none;
  text-align: right;
  font-size: 14px;
  color: #000;
}
#InfoButtonView {
  width: 100%;
  clear: both;
  padding-top: 20px;
}
#InfoButtonView .info-button-get {
  width: 100%;
  background: #fff;
  border: 1px solid #dcdcdc;
  height: 44px;
  line-height: 44px;
  font-size: 17px;
  border-radius: 8px;
  color: #fa5b5b;
  text-align: center;
  font-weight: bold;
}

#InfoChange {
  width: 100%;
  position: fixed;
}
#InfoChange_BaseplateView {
  width: 100%;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 20px;
}
#InfoChangeView {
  width: 100%;
}
#InfoChangeView .info-content > .info-text {
  height: 55px;
  padding: 10px 10px;
  margin-top: 5px;
  border-bottom: 2px solid #f3f3f3;
}
#InfoChangeView .info-content > .info-text > .disc {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fa5b5b;
  float: left;
  margin: 10px 5px 0 0;
}
#InfoChangeView .info-content > .info-text > .info-title {
  font-size: 14px;
  margin-top: 5px;
  display: block;
  float: left;
  margin-right: 10px;
}
#InfoChangeView .info-content > .info-text > .Information {
  width: 65%;
  display: block;
  float: left;
  border: none;
  text-align: right;
  font-size: 14px;
  color: #000;
}
#InfoChangeView .info-content > .info-text > .fieldButton {
  color: #29d9ff;
}
#InfoChangeView .info-content > .info-text > .telInfo {
  height: 27px;
}
#InfoChangeView .info-content > .info-text > .roleChange {
  margin-top: 5px;
  border: none;
}
#InfoChangeView .info-content > .info-text > .roleChange > option:nth-child(even) {
  background-color: #fff;
}
#InfoChangeView .info-button {
  clear: both;
  padding-top: 20px;
}
#InfoChangeView .info-button .info-button-all {
  float: left;
  width: 40%;
  background: #fff;
  border: 1px solid #dcdcdc;
  height: 44px;
  line-height: 44px;
  font-size: 17px;
  border-radius: 8px;
  text-align: center;
  font-weight: bold;
}
#InfoChangeView .info-button-cancel {
  color: #fa5b5b;
}
#InfoChangeView .info-button-ok {
  margin-left: 15%;
  color: #46c7a0;
}

#Page19 #Page19_BaseplateView {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}
#Page19 #Page19_BaseplateView #Page19_ApplyInfoView .apply-info-wrap {
  padding-left: 15px;
  padding-top: 20px;
}
#Page19 #Page19_BaseplateView #Page19_ApplyInfoView .apply-info-wrap .apply-info-classify {
  margin-top: 5px;
}
#Page19 #Page19_BaseplateView #Page19_ApplyInfoView .apply-info-wrap .apply-info-type {
  display: inline-block;
  -webkit-text-size-adjust: none;
  font-size: 11px;
  line-height: 12px;
  border: 1px solid #46c7a0;
  color: #46c7a0;
  border-radius: 5px;
  padding: 3px;
}
#Page19 #Page19_BaseplateView #Page19_ApplyInfoView .apply-info-wrap .apply-info-publisher {
  margin-top: 12px;
  font-size: 13px;
  line-height: 13px;
  color: #acb0bb;
}
#Page19 #Page19_BaseplateView #Page19_ApplyInfoView .apply-info-wrap .label-title {
  color: #34383b;
}
#Page19 #Page19_BaseplateView #Page19_ApplyInfoView .apply-info-title {
  padding-top: 5px;
  margin-right: 15px;
  color: #656a76;
  font-size: 15px;
}
#Page19 #Page19_BaseplateView #Page19_ApplyInfoView .apply-info-wrap .apply-info-content {
  background-color: #fdfdfd;
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 10px;
  padding-bottom: 15px;
  margin-right: 15px;
  color: #656a76;
  font-size: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
#Page19 #Page19_BaseplateView #Page19_ApplyInfoView .apply-info-wrap .apply-info-button {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 15px;
}
#Page19 #Page19_BaseplateView #Page19_ApplyInfoView .apply-info-wrap .apply-info-button div {
  width: 100%;
  background: #fff;
  border: 1px solid #dcdcdc;
  height: 44px;
  line-height: 44px;
  font-size: 17px;
  border-radius: 8px;
  color: #fa5b5b;
  text-align: center;
  font-weight: bold;
}
#Page19 #Page19_ApplyInfoButtonView .apply-info-dialog {
  display: none;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#Page19 #Page19_ApplyInfoButtonView .apply-info-dialog .apply-info-dialog-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.4;
}
#Page19 #Page19_ApplyInfoButtonView .apply-info-dialog .apply-info-dialog-box {
  width: 80%;
  position: relative;
  margin: 0 auto;
  height: 175px;
  margin-top: 45%;
  background: #fff;
  z-index: 100;
  border-radius: 8px;
}
#Page19 #Page19_ApplyInfoButtonView .apply-info-dialog .apply-info-dialog-content {
  position: absolute;
  height: 125px;
  width: 100%;
  top: 0;
  text-align: center;
  line-height: 125px;
  font-size: 16px;
}
#Page19 #Page19_ApplyInfoButtonView .apply-info-dialog .apply-info-dialog-button {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  border-top: 1px solid #ddd;
}
#Page19 #Page19_ApplyInfoButtonView .apply-info-dialog .apply-info-dialog-button span {
  height: 49px;
  line-height: 50px;
  width: 50%;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  display: inline-block;
}
#Page19 #Page19_ApplyInfoButtonView .apply-info-dialog .apply-info-dialog-button span:nth-child(2) {
  border-left: 1px solid #ddd;
}
#Page19 #Page19_ApplyInfoButtonView .apply-info-dialog .apply-info-dialog-button .apply-info-dialog-cancel {
  color: #fa5b5b;
}
#Page19 #Page19_ApplyInfoButtonView .apply-info-dialog .apply-info-dialog-button .apply-info-dialog-ok {
  color: #17d6ed;
  margin-left: -5px;
}

#Page5_ThemeInfoView {
  width: 100%;
}
.ThemeCommentView,
.ThemeRecommendView {
  width: 100%;
}
.theme-info-wrap {
  padding-left: 15px;
  padding-top: 20px;
}
.theme-info-wrap .theme-info-title {
  font-size: 17px;
  line-height: 17px;
  color: #353c46;
}
.theme-info-wrap .theme-info-classify {
  margin-top: 10px;
}
.theme-info-wrap .theme-info-type {
  display: inline-block;
  -webkit-text-size-adjust: none;
  font-size: 11px;
  line-height: 12px;
  border: 1px solid #46c7a0;
  color: #46c7a0;
  border-radius: 5px;
  padding: 3px;
}
.theme-info-wrap .theme-info-time {
  color: #acb0bb;
  font-size: 12px;
  line-height: 12px;
  margin-left: 10px;
}
.theme-info-wrap .theme-info-publisher {
  margin-top: 12px;
  font-size: 13px;
  line-height: 13px;
  color: #acb0bb;
}
.theme-info-wrap .label-title {
  color: #34383b;
}
.theme-info-wrap .theme-info-version {
  position: relative;
  margin-top: 10px;
  font-size: 13px;
  line-height: 13px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  color: #acb0bb;
  width: 100%;
}
.theme-info-wrap .theme-info-operation {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: -7px;
}
.theme-info-wrap .label-follow {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  font-size: 20px;
  height: 20px;
  color: #fe6287;
}
.theme-info-wrap .label-favorw-icon {
  display: inline-block;
  position: relative;
  right: 0;
  font-size: 20px;
  color: #4ad4f9;
}
.theme-info-wrap .label-favorw {
  display: inline-block;
  position: relative;
  font-size: 13px;
  right: 3px;
  color: #acb0bb;
}
.theme-info-wrap .theme-info-content,
.theme-info-wrap .theme-info-att {
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  color: #656a76;
  font-size: 15px;
}
.theme-info-wrap .theme-info-content {
  border-bottom: 1px solid #ddd;
}
.theme-info-wrap .attachment,
.theme-info-wrap .salematerial-attachment {
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.theme-info-wrap .theme-info-button {
  padding-bottom: 20px;
  padding-right: 15px;
}
.theme-info-wrap .theme-info-button div {
  width: 100%;
  background: #fff;
  border: 1px solid #dcdcdc;
  height: 44px;
  line-height: 44px;
  font-size: 17px;
  border-radius: 8px;
  color: #29d9ff;
  text-align: center;
}
.theme-info-wrap .theme-info-button div .icomoon-13 {
  margin-top: -6px;
  font-size: 20px;
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block;
}
.theme-info-blank {
  width: 100%;
  height: 10px;
  background: #ebedf1;
}
.theme-comment-allheader {
  display: none;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #ebedf1;
  font-size: 17px;
  padding: 0 15px;
}
.theme-comment-allheader .theme-comment-num {
  color: #fdc42b;
}
.theme-comment {
  padding: 15px 0 0 15px;
}
.theme-comment .theme-comment-header {
  font-size: 15px;
  line-height: 15px;
  padding-bottom: 3px;
}
.theme-comment .theme-comment-header .theme-comment-title {
  color: #acb0bb;
}
.theme-comment .theme-comment-header .theme-comment-good {
  color: #ffb844;
}
.theme-comment .theme-comment-header .theme-comment-subtitle {
  color: #363b48;
}
.theme-comment .comment-list-item:last-child {
  border-bottom: 0px none;
}
.theme-comment .comment-list-item {
  width: 100%;
  margin-top: 12px;
  position: relative;
  float: left;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
  padding-right: 15px;
}
.theme-comment .comment-list-item .comment-list-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  float: left;
}
.theme-comment .comment-list-item .comment-list-left img {
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.theme-comment .comment-list-item .comment-list-right {
  position: relative;
  top: 0;
  margin-right: 55px;
  left: 55px;
}
.theme-comment .comment-list-item .comment-list-right .comment-list-header {
  margin-bottom: 8px;
  line-height: 16px;
}
.theme-comment .comment-list-item .comment-list-right .comment-list-username {
  font-size: 16px;
  color: #529fd4;
}
.theme-comment .comment-list-item .comment-list-right .comment-list-content {
  font-size: 14px;
  color: #656a76;
  margin-bottom: 11px;
  white-space: initial;
  display: -webkit-box;
  overflow: hidden;
}
.theme-comment .comment-list-item .comment-list-right .comment-list-footer {
  font-size: 13px;
  color: #acb0bb;
  position: relative;
  line-height: 13px;
}
.theme-comment .comment-list-item .comment-list-right .comment-list-footer .label-favorw-icon {
  position: absolute;
  display: inline-block;
  right: 0;
  top: -7px;
  font-size: 20px;
  color: #4ad4f9;
}
.theme-comment .comment-list-item .comment-list-right .comment-list-footer .label-favorw {
  display: inline-block;
  position: relative;
  font-size: 13px;
  right: 3px;
  color: #acb0bb;
}
.theme-comment .comment-list-item .comment-list-right .comment-list-stars {
  position: absolute;
  right: 0;
  color: #c1cddb;
  font-size: 13px;
  line-height: 16px;
}
.theme-comment .comment-list-item .comment-list-right .comment-list-stars i {
  padding-right: 3px;
}
.comment-list-stars-1 i:nth-child(1) {
  color: #ffc421 !important;
}
.comment-list-stars-2 i:nth-child(1),
.comment-list-stars-2 i:nth-child(2) {
  color: #ffc421 !important;
}
.comment-list-stars-3 i:nth-child(1),
.comment-list-stars-3 i:nth-child(2),
.comment-list-stars-3 i:nth-child(3) {
  color: #ffc421 !important;
}
.comment-list-stars-4 i:nth-child(1),
.comment-list-stars-4 i:nth-child(2),
.comment-list-stars-4 i:nth-child(3),
.comment-list-stars-4 i:nth-child(4) {
  color: #ffc421 !important;
}
.comment-list-stars-5 i:nth-child(odd),
.comment-list-stars-5 i:nth-child(even) {
  color: #ffc421 !important;
}
.theme-comment-more {
  clear: both;
  border-top: 1px solid #ddd;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  color: #29d9ff;
  text-align: center;
}
.theme-comment-more .icomoon-07 {
  display: inline-block;
  margin-left: 8px;
  margin-top: -2px;
  vertical-align: middle;
  font-size: 13px;
}
.theme-recommend .theme-recommend-header {
  padding-top: 12px;
  padding-bottom: 9px;
}
.theme-recommend .theme-recommend-header i {
  width: 5px;
  height: 15px;
  display: inline-block;
  background: #29d9ff;
  margin-top: -4px;
  vertical-align: middle;
}
.theme-recommend .theme-recommend-header .theme-recommend-title {
  padding-left: 15px;
  line-height: 16px;
  font-size: 16px;
  color: #656a76;
}
.theme-recommend .theme-recommend-list {
  padding-left: 15px;
}
.theme-recommend .recommend-list-item {
  position: relative;
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.theme-recommend .recommend-list-item:last-child {
  border-bottom: 0 none;
}
.theme-recommend .recommend-list-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  float: left;
}
.theme-recommend .recommend-list-left .recommend-icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 8px;
  font-size: 35px;
  color: #fff;
}
.theme-recommend .recommend-list-right {
  position: relative;
  top: 0;
  margin-right: 90px;
  left: 75px;
}
.theme-recommend .recommend-list-right .recommend-list-title {
  font-size: 16px;
  color: #363b48;
  line-height: 18px;
  margin-bottom: 10px;
  display: block;
  white-space: nowrap;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.theme-recommend .recommend-list-right .recommend-list-content {
  font-size: 14px;
  color: #656a76;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
#Page5_BaseplateView {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.ThemeInputboxView {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.ThemeInputboxView .theme-sharebox {
  display: none;
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.ThemeInputboxView .theme-sharebox .theme-sharebox-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.6;
}
.ThemeInputboxView .theme-sharebox .theme-sharebox-wrap {
  position: absolute;
  top: 12px;
  right: 17px;
  width: 50%;
  height: 180px;
  background: url('../images/share.png');
  -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
}
.ThemeInputboxView .theme-commentbox {
  display: none;
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.ThemeInputboxView .theme-commentbox .theme-commentbox-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.4;
}
.ThemeInputboxView .theme-commentbox .theme-commentbox-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 220px;
  background: #fff;
  padding: 0 15px;
}
.ThemeInputboxView .theme-commentbox .theme-commentbox-header {
  width: 100%;
  position: relative;
  height: 50px;
  line-height: 50px;
}
.ThemeInputboxView .theme-commentbox .theme-commentbox-header-title {
  font-size: 14px;
}
.ThemeInputboxView .theme-commentbox .theme-commentbox-header-stars {
  float: right;
  font-size: 22px;
}
.ThemeInputboxView .theme-commentbox .theme-commentbox-header-stars i {
  padding-right: 5px;
  color: #c0ceda;
  vertical-align: middle;
}
.ThemeInputboxView .theme-commentbox .theme-commentbox-textarea {
  width: 100%;
  height: 120px;
  border: 1px solid #ddd;
  position: relative;
  resize: none;
  padding: 10px;
  margin: 0;
  font-size: 14px;
}
.ThemeInputboxView .theme-commentbox .theme-commentbox-button {
  height: 50px;
  position: absolute;
  top: 170px;
  left: 15px;
  right: 15px;
  line-height: 50px;
}
.ThemeInputboxView .theme-commentbox .theme-commentbox-button span {
  display: inline-block;
  height: 20px;
  font-size: 16px;
  line-height: 20px;
  width: 50%;
  text-align: center;
}
.ThemeInputboxView .theme-commentbox .theme-commentbox-button .theme-commentbox-ok {
  margin-left: -5px;
  border-left: 1px solid #ddd;
  color: #17d6ed;
  opacity: 0.4;
}
.ThemeInputboxView .theme-inputbox {
  width: 100%;
  border-top: 1px solid #ddd;
  height: 50px;
  z-index: -1;
}
.ThemeInputboxView .theme-inputbox-wrap {
  position: absolute;
  top: 10px;
  left: 15px;
  right: 120px;
  font-size: 14px;
  color: #d1d4db;
  border-radius: 5px;
  padding-left: 10px;
  border: 1px solid #ddd;
  height: 30px;
  line-height: 30px;
}
.ThemeInputboxView .theme-share {
  position: absolute;
  right: 15px;
  font-size: 22px;
  color: #c0ceda;
  top: 14px;
}
.ThemeInputboxView .theme-inputbox-icon {
  position: absolute;
  right: 55px;
  font-size: 22px;
  color: #c0ceda;
  top: 14px;
}
.ThemeInputboxView .theme-inputbox-icon span {
  position: relative;
  height: 22px;
  top: -5px;
  margin-left: 8px;
  line-height: 22px;
  font-size: 13px;
  color: #acb0bb;
}
.ThemeInputboxView .theme-info-dialog {
  display: none;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ThemeInputboxView .theme-info-dialog .theme-info-dialog-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.4;
}
.ThemeInputboxView .theme-info-dialog .theme-info-dialog-box {
  width: 80%;
  position: relative;
  margin: 0 auto;
  height: 175px;
  margin-top: 45%;
  background: #fff;
  z-index: 100;
  border-radius: 8px;
}
.ThemeInputboxView .theme-info-dialog .theme-info-dialog-content {
  position: absolute;
  height: 125px;
  width: 100%;
  top: 0;
  text-align: center;
  line-height: 125px;
  font-size: 16px;
}
.ThemeInputboxView .theme-info-dialog .theme-info-dialog-button {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  border-top: 1px solid #ddd;
}
.ThemeInputboxView .theme-info-dialog .theme-info-dialog-button span {
  height: 49px;
  line-height: 50px;
  width: 50%;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  display: inline-block;
}
.ThemeInputboxView .theme-info-dialog .theme-info-dialog-button span:nth-child(2) {
  border-left: 1px solid #ddd;
}
.ThemeInputboxView .theme-info-dialog .theme-info-dialog-button .theme-info-dialog-ok {
  color: #17d6ed;
  margin-left: -5px;
}

#Page6 {
  overflow: hidden;
}
#Page6 .icon-left-nav:before {
  color: #b9bdc1;
}
#Page6 .bar-nav .title {
  background: #ebedf1;
}
#Page6 .bar .icon {
  position: relative;
  z-index: 20;
  padding-top: 14px;
  padding-bottom: 10px;
  color: #fff;
  vertical-align: middle;
  font-size: 16px;
  height: 100%;
  width: 32px;
}
#Page6 .bar .btn-link {
  color: #29d9ff;
}
#Page6 .title {
  color: #363b48;
}
#Page6 .ListViewRow:nth-child(1):before {
  border-bottom: none;
}
#Page6 .ListViewRow:last-child:after {
  content: "";
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #eee;
}
#Page6 .ListViewRow:before {
  width: 100%;
}
#Page6 .wrap {
  padding-left: 12.5px;
  padding-right: 35px;
  padding-top: 13.5px;
  padding-bottom: 13.5px;
  display: table;
  width: 100%;
}
#Page6 .wrap div {
  display: table-cell;
  font-size: 16px;
}
#Page6 .wrap div:nth-child(1) {
  text-align: left;
}
#Page6 .wrap div:nth-child(2) {
  color: #b9bdc1;
  font-size: 16px;
  text-align: right;
}
#Page6 .wrap div:nth-child(2) span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  float: right;
}
#Page6 .parent:after {
  color: #b9bdc1;
  content: '\e818';
  position: absolute;
  font-size: 16px;
  right: 12px;
}
#Page6 .nocheck-icon:after {
  border: 2px solid #eee;
  border-radius: 4px;
  color: #00cf55;
  position: absolute;
  width: 22px;
  height: 22px;
  right: 15px;
  content: "";
  top: 12px;
}
#Page6 .leftanimation {
  -webkit-transition: all .5s ease;
          transition: all .5s ease;
  -webkit-transform: translate3d(-100%, 0px, 0px);
          transform: translate3d(-100%, 0px, 0px);
}
#Page6 .rightanimation {
  -webkit-transition: all .5s ease;
          transition: all .5s ease;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
#Page6_ListView2 {
  position: absolute;
  width: 100%;
  top: 44px;
  left: 100%;
  bottom: 0;
  overflow-y: scroll;
}

#SearchMidPageView .search-content-wrap {
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding: 0 12px;
  background: #fff;
  font-size: 15px;
  z-index: 555;
  color: #292F33;
  position: absolute;
}
#SearchMidPageView .search-content-wrap span {
  display: inline-block;
  vertical-align: top;
}
#SearchMidPageView .search-content-wrap .search-content {
  color: #29d9ff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 85%;
}
#SearchMidPageView .search-list-wrap {
  background: #fff;
  position: absolute;
  top: 45px;
  width: 100%;
  bottom: 0;
}
#SearchMidPageView .search-list-header {
  width: 100%;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  padding: 0 12px;
  background: #f3f3f3;
  color: #999;
}
#SearchMidPageView ul.historyUl {
  width: 100%;
  padding: 0 0 0 12px;
  background: #fff;
  position: relative;
}
#SearchMidPageView ul.historyUl li {
  position: relative;
  line-height: 45px;
  height: 45px;
  font-size: 15px;
  color: #363b48;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #e5e6e7;
}
#SearchMidPageView .common-search {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  height: 50px;
  background-color: transparent;
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
#SearchMidPageView .home-header-bk {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
          transition: opacity 0.5s ease;
  z-index: 9;
}
#SearchMidPageView .common-search-left {
  position: relative;
  margin-right: 12px;
  z-index: 10;
  height: 50px;
  display: table-cell;
  width: 83%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
  vertical-align: middle;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#SearchMidPageView .common-search-left-inner {
  position: relative;
  height: 30px;
  line-height: 30px;
  background-color: #fff;
  border-radius: 6px;
  color: #bbb;
  width: 100%;
}
#SearchMidPageView .common-search-left-inner span {
  margin-left: 15px;
  margin-right: 0px;
  font-size: 14px;
  color: #bbb;
}
#SearchMidPageView .common-search-left-inner form {
  display: inline-block;
  width: 85%;
  height: 30px;
}
#SearchMidPageView .common-search-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  z-index: 10;
  height: 50px;
}
#SearchMidPageView .common-cancel-right {
  position: absolute;
  right: 0;
  top: 0;
  display: table-cell;
  width: 17%;
  z-index: 10;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #29d9ff;
}
#SearchMidPageView .common-search-left-inner .icomoon-search {
  position: relative;
  margin-left: 8px;
  color: #bebebe;
  display: inline-block;
  vertical-align: middle;
}
#SearchMidPageView .common-search-holder {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  color: #bebebe;
  top: 1px;
  position: relative;
}
#SearchMidPageView .common-search-right span:first-child {
  margin-top: 60px;
  font-size: 12px;
}
#SearchMidPageView .common-search-right span:last-child {
  font-size: 19px;
  margin-top: 4px;
}
#SearchMidPageView .common-search-right span {
  display: block;
  color: #eee;
  text-align: center;
}
#SearchMidPageView .search-mid-page {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1111;
  top: 0;
  display: none;
}
#SearchMidPageView .search-style2 {
  position: absolute;
  top: 0;
  background-color: #ebedf1;
}
#SearchMidPageView .search-style2 .common-search-left-inner {
  margin-top: 0;
}
#SearchMidPageView .search-style2 .common-search-right {
  line-height: 30px;
}
#SearchMidPageView .search-style2 .common-search-right span {
  color: #666;
  font-size: 10px;
}
#SearchMidPageView .common-search-left-inner input {
  border: none;
  margin-bottom: 0px;
  height: 27px;
  font-size: 14px;
  color: #bbb;
}
#SearchMidPageView .search-style1 {
  background-color: #eee;
}
#SearchMidPageView .search-style1 .common-search-right span {
  color: gray !important;
}
#SearchMidPageView .home-floor {
  background-color: #f5f5f5;
  position: relative;
}
#SearchMidPageView .home-search {
  position: fixed;
  z-index: 1;
  width: 100%;
}
#SearchMidPageView .search-bottom-area {
  position: absolute;
  top: 50px;
  bottom: 0;
  width: 100%;
  overflow-y: scroll;
  z-index: 1;
}
#SearchMidPageView .search-bottom-list {
  position: absolute;
  top: 50px;
  bottom: 0;
  width: 100%;
  overflow-y: scroll;
  z-index: 2;
  background-color: #fff;
  display: none;
}
#SearchMidPageView .search-bottom-list .list-item {
  padding-top: 12px;
  padding-left: 0;
  padding-right: 15px;
  margin-top: 0;
  margin-left: 15px;
  margin-right: 0;
  padding-bottom: 12px;
  border-bottom: 0px solid;
}
#SearchMidPageView .search-bottom-list .list-item::after {
  position: absolute;
  content: "";
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(1, 0.5);
      -ms-transform: scale(1, 0.5);
          transform: scale(1, 0.5);
  height: 1px;
  margin-top: 12px;
  background-color: #ddd;
  left: 15px;
  right: 15px;
}
#SearchMidPageView .search-bottom-list .item-icon {
  border-radius: 8px;
  background-color: green;
  float: left;
  width: 40px;
  height: 40px;
  line-height: 45px;
  vertical-align: middle;
  text-align: center;
  margin-right: 12px;
}
#SearchMidPageView .search-bottom-list .item-right {
  position: relative;
  top: -5px;
}
#SearchMidPageView .search-bottom-list .item-icon span {
  color: #fff;
  font-size: 19px;
}
#SearchMidPageView .search-bottom-list .itme-tag-count {
  font-size: 13px;
  color: #acb0bb;
  position: relative;
  line-height: 13px;
}
#SearchMidPageView .search-bottom-list .item-title {
  font-size: 14px;
  color: #363b48;
}
#SearchMidPageView .search-bottom-list .item-title span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: initial;
  overflow: hidden;
}
#SearchMidPageView .search-bottom-list .item-count {
  position: absolute;
  display: inline-block;
  right: 30px;
  font-size: 13px;
  color: #fdc42b;
}
#SearchMidPageView .search-bottom-list .item-count-subtitle {
  position: absolute;
  display: inline-block;
  right: 0;
  color: #363b48;
  font-size: 13px;
}
#SearchMidPageView .search-bottom-list .item-titletag {
  border-radius: 6px;
  border: 1px solid green;
  color: green;
  font-size: 11px;
  padding: 2px;
}
#SearchMidPageView .search-bottom-list .list-item-footer {
  font-size: 14px;
  color: #656a76;
}
#SearchMidPageView .search-bottom-list .list-item-footer span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: initial;
  overflow: hidden;
}
#SearchMidPageView .bottom-area-acitve {
  background-color: #fff;
}
#SearchMidPageView .list-item {
  margin-top: 12px;
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd !important;
}
#SearchMidPageView .list-item:last-child {
  border-bottom: 1px solid #fff !important;
}
#SearchMidPageView .item-icon {
  border-radius: 8px;
  background-color: green;
  float: left;
  width: 40px;
  height: 40px;
  line-height: 45px;
  vertical-align: middle;
  text-align: center;
  margin-right: 12px;
}
#SearchMidPageView .item-right {
  position: relative;
  top: -5px;
}
#SearchMidPageView .item-icon span {
  color: #fff;
  font-size: 19px;
}
#SearchMidPageView .itme-tag-count {
  font-size: 13px;
  color: #acb0bb;
  position: relative;
  line-height: 13px;
}
#SearchMidPageView .item-title {
  font-size: 14px;
  color: #363b48;
}
#SearchMidPageView .item-count {
  position: absolute;
  display: inline-block;
  right: 30px;
  font-size: 13px;
  color: #fdc42b;
}
#SearchMidPageView .item-count-subtitle {
  position: absolute;
  display: inline-block;
  right: 0;
  color: #363b48;
  font-size: 13px;
}
#SearchMidPageView .item-titletag {
  border-radius: 6px;
  border: 1px solid green;
  color: green;
  font-size: 11px;
  padding: 2px;
}
#SearchMidPageView .list-item-footer {
  font-size: 14px;
  color: #656a76;
}
#SearchMidPageView .list-item-footer span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: initial;
  overflow: hidden;
}

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?n1n2ub');
  src: url('../fonts/icomoon.eot?n1n2ub#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?n1n2ub') format('truetype'), url('../fonts/icomoon.woff?n1n2ub') format('woff'), url('../fonts/icomoon.svg?n1n2ub#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icomoon-"],
[class*=" icomoon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icomoon--1-01:before {
  content: "\e914";
}
.icomoon--1-02:before {
  content: "\e915";
}
.icomoon-uniE913:before {
  content: "\e913";
}
.icomoon-01:before {
  content: "\e900";
}
.icomoon-02:before {
  content: "\e901";
}
.icomoon-03:before {
  content: "\e902";
}
.icomoon-04:before {
  content: "\e903";
}
.icomoon-05:before {
  content: "\e904";
}
.icomoon-06:before {
  content: "\e905";
}
.icomoon-072:before {
  content: "\e907";
}
.icomoon-08:before {
  content: "\e908";
}
.icomoon-09:before {
  content: "\e909";
}
.icomoon-10:before {
  content: "\e90a";
}
.icomoon-11:before {
  content: "\e90b";
}
.icomoon-12:before {
  content: "\e90c";
}
.icomoon-13:before {
  content: "\e90d";
}
.icomoon-14:before {
  content: "\e90e";
}
.icomoon-15:before {
  content: "\e90f";
}
.icomoon-16:before {
  content: "\e910";
}
.icomoon-17:before {
  content: "\e911";
}
.check-icon:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 12px;
  border: 2px solid #eee;
  border-radius: 4px;
  color: #00cf55;
  position: absolute;
  width: 22px;
  height: 22px;
  right: 15px;
  content: "\e911";
}
.icomoon-012:before {
  content: "\e912";
}
.icomoon-07:before {
  content: "\e906";
}
@font-face {
  font-family: 'icomoon1';
  src: url('../fonts/icomoon1.eot?ny5sj5');
  src: url('../fonts/icomoon1.eot?ny5sj5#iefix') format('embedded-opentype'), url('../fonts/icomoon1.ttf?ny5sj5') format('truetype'), url('../fonts/icomoon1.woff?ny5sj5') format('woff'), url('../fonts/icomoon1.svg?ny5sj5#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="ico-"],
[class*="ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon1' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ico-empty:before {
  content: "\e908";
}

